/*
	Theme Name: Plastic Martyr
   	Author: Aaron, Curtis and Michael
    Version: 1.0
*/
* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
	height: 100%;
	background: #f9769f
				url(images/bg.png) left top repeat-x;
	font-family: arial;
	font-size: 12px;
}

/* misc settings */
a {
	outline: none;
	overflow: hidden;
	text-decoration: none;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

/* wrapper */
#wrapper {
	width: 100%;
	min-height: 379px;
	background: transparent
				url(images/wrapper.png) center 6px no-repeat;
}

	/* container */
	#wrapper #container {
		margin: 0 auto;
		width: 840px;
	}
	
		/* site header */	
		#wrapper #container h1 a {
			float: left;
			margin: 165px 0 0 82px;
			width: 199px;
			height: 99px;
			text-indent: -99999px;
		}

		/* navigation */
		#wrapper #container #navigationContainer {
			float: right;
			margin: 273px 20px 0 0;
			width: 434px;
			height: 53px;
		}
		
			#wrapper #container #navigationContainer a.home {
				float: left;
				width: 82px;
				height: 53px;
				background: transparent
							url(images/navigation/home.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #navigationContainer a.blog {
				float: left;
				width: 75px;
				height: 53px;
				background: transparent
							url(images/navigation/blog.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #navigationContainer a.about {
				float: left;
				width: 84px;
				height: 53px;
				background: transparent
							url(images/navigation/about.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #navigationContainer a.photos {
				float: left;
				width: 92px;
				height: 53px;
				background: transparent
							url(images/navigation/photos.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #navigationContainer a.contact {
				float: left;
				width: 101px;
				height: 53px;
				background: transparent
							url(images/navigation/contact.png) left top no-repeat;
				text-indent: -99999px;
			}
			
				#wrapper #container #navigationContainer a:hover, #wrapper #container #navigationContainer a.current {
					background-position: left -53px;
				}
		
		/* content container */
		#wrapper #container #contentContainer {
			float: left;
			margin: 53px 0 10px 0;
			padding: 0 0 15px 0;
			width: 840px;
			background: #ffffff;
		}
		
			/* content headers */
			#wrapper #container #contentContainer h2.Home {
				display: block;
				margin: 28px 0 19px 27px;
				width: 241px;
				height: 20px;
				background: transparent
							url(images/headers/h2-home.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #contentContainer h2.Blog {
				display: block;
				margin: 28px 0 19px 27px;
				width: 64px;
				height: 20px;
				background: transparent
							url(images/headers/h2-blog.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #contentContainer h2.About {
				display: block;
				margin: 28px 0 19px 27px;
				width: 80px;
				height: 20px;
				background: transparent
							url(images/headers/h2-about.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #contentContainer h2.Photos {
				display: block;
				margin: 28px 0 19px 27px;
				width: 96px;
				height: 20px;
				background: transparent
							url(images/headers/h2-photos.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			#wrapper #container #contentContainer h2.Contact {
				display: block;
				margin: 28px 0 19px 27px;
				width: 109px;
				height: 20px;
				background: transparent
							url(images/headers/h2-contact.png) left top no-repeat;
				text-indent: -99999px;
			}
		
			/* sidebar */
			#wrapper #container #contentContainer #sidebar {
				float: left;
				width: 188px;
			}
			
				#wrapper #container #contentContainer #sidebar a {
					color: #606060;
				}
				
					#wrapper #container #contentContainer #sidebar a:hover {
						text-decoration: underline;
					}
			
				/* twitter */
				#wrapper #container #contentContainer #sidebar div.twitter {
					float: left;
					margin: 0 0 0 27px;
					width: 150px;
					background: #c3c3c3;
					font-family: comic sans ms;
				}
				
					#wrapper #container #contentContainer #sidebar div.twitter h3 {
						float: left;
						width: 150px;
						height: 31px;
				 		text-indent: -99999px;
					}
					
						#wrapper #container #contentContainer #sidebar div.twitter h3.twitter {
							background: #606060
										url(images/headers/h3-twitter.png) center no-repeat;
						}
						
						#wrapper #container #contentContainer #sidebar div.twitter h3.tumblr {
							background: #606060
										url(images/headers/h3-tumblr.png) center no-repeat;
						}
					
					#wrapper #container #contentContainer #sidebar div.twitter .padding {
						padding: 5px;
					}
			
			/* content */
			#wrapper #container #contentContainer #content {
				float: left;
				width: 652px;
			}
			
				#wrapper #container #contentContainer #content a {
					color: #fa86ab;
				}
				
					#wrapper #container #contentContainer #content a:hover {
						text-decoration: underline;
					}
			
				/* home */
				#wrapper #container #contentContainer #content a.blogs {
					float: left;
					margin: 0 0 0 1px;
					width: 286px;
					height: 238px;
					background: transparent
								url(images/home/blogs.jpg) left top no-repeat;
					text-indent: -99999px;
				}
				
					#wrapper #container #contentContainer #content a.blogs:hover {
						background-position: left bottom;
					}
					
				#wrapper #container #contentContainer #content a.booking {
					float: left;
					margin: 0 0 0 12px;
					width: 322px;
					height: 234px;
					background: transparent
								url(images/home/booking.png) left top no-repeat;
					border: 2px solid #eaeaea;
					text-indent: -99999px;
				}
				
					#wrapper #container #contentContainer #content a.booking:hover {
						background-position: left bottom;
						border-color: #d7d7d7;
					}
					
				/* comments */
				#wrapper #container #contentContainer #content ol {
					list-style: none;
				}
				
					#wrapper #container #contentContainer #content ol li {
						margin: 0 0 16px 0;
					}
					
		/* footer container */		
		#wrapper #container #footerContainer {
			float: left;
			margin: 0 0 10px 0;
			width: 840px;
			height: 67px;
			background: #ef628f;
		}
		
			/* drip */
			#wrapper #container #footerContainer #footerDrip {
				position: absolute;
				margin: -10px 0 0 802px;
				width: 23px;
				height: 44px;
				background: transparent
							url(images/footerDrip.png) left top no-repeat;
			}
			
			/* copyright */
			#wrapper #container #footerContainer a.copyright {
				float: left;
				margin: 18px 0 0 27px;
				width: 224px;
				height: 32px;
				background: transparent
							url(images/footerCopyright.png) left top no-repeat;
				text-indent: -99999px;
			}
			
			/* social */
			#wrapper #container #footerContainer a.social {
				float: right;
				margin: 25px 3px 0 0;
				width: 16px;
				height: 16px;
				text-indent: -99999px;
			}
			
				#wrapper #container #footerContainer a.social:hover {
					background-position: left -16px;
				}
			
				#wrapper #container #footerContainer a.twitter {
					background: transparent
								url(images/social/twitter.png) left top no-repeat;
				}
				
				#wrapper #container #footerContainer a.myspace {
					background: transparent
								url(images/social/myspace.png) left top no-repeat;
				}
				
				#wrapper #container #footerContainer a.facebook {
					background: transparent
								url(images/social/facebook.png) left top no-repeat;
				}
				
				#wrapper #container #footerContainer a.youtube {
					background: transparent
								url(images/social/youtube.png) left top no-repeat;
				}
				
				#wrapper #container #footerContainer a.stickam {
					margin-right: 44px;
					background: transparent
								url(images/social/stickam.png) left top no-repeat;
				}